<!DOCTYPE html>
<html>
<head>
    <!--这一段的逻辑就是 从数据库取出当前pageId存储的js html css canvasStyle 然后恢复页面 进行预览 其中不同ui有不同依赖 自行研究
        直接打开 即可查看：
        http://localhost:1234/publish.html?ui=layui&pageId=1 查看layui
        http://localhost:1234/publish.html?ui=element&pageId=1 查看element
        其他ui暂时不提供预览示例    -->
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link rel="shortcut icon" href="favicon.ico"/>
    <meta name="keywords" content="安信立融,北京安信立融,J博士安信立融,J博士投资管理系统,股权投资项目管理系统,股权投资平台,并购基金投资管理系统,引导基金投资管理系统,PE投资管理系统,股权投资平台,母基金管理系统,项目投资管理平台,引导基金投资管理系统,引导基金管理平台">
    <meta name="description" content="北京安信立融科技股份有限公司——J博士-做中国私募投资领域中专业的IT信息服务商[股权投资管理系统|并购基金投资管理系统|股权投资平台|引导基金投资管理系统|PE管理系统|PE投资管理系统|	引导基金管理平台|引导基金投资管理系统|PE管理系统|PE投资管理系统|引导基金管理平台...]">
    <title>J博士投资管理系统</title>

    <style type="text/css">
        /*根面板撑满body*/
        .mc-root{
            height: 100% !important;
        }
    </style>
    <script  type="text/javascript">
        /*维护一个ui对应的资源依赖表 如果您有新的依赖都维护此处即可*/
        var uiDependencyMap = {
            element:{
                uiFrame:'vue',
                //预览页<head></head>内的样式地址
                link:[],
                //预览页<head></head>内的脚本地址
                headJs:[],
                //预览页<body></body>内的脚本地址
                bodyJs:[
                    "assets/drag/js/user/iframe/element/2.10.1/components/import.js"
                ]
            },
            layui:{
                uiFrame:'jquery',
                //预览页<head></head>内的样式地址
                link:[],
                //预览页<head></head>内的脚本地址
                headJs:[],
                //预览页<body></body>内的脚本地址
                bodyJs:[
                    "assets/drag/js/user/iframe/layui/2.5.4/components/import.js"
                ]
            }
        }
    </script>
    <script  type="text/javascript">
        /*从url获取参数*/
        function getParameter(name) {
            var query = window.location.search.substring(1);
            if(query!=''){
                var vars = query.split("&");
                for (var i=0;i<vars.length;i++) {
                    var pair = vars[i].split("=");
                    if(pair.length=2){
                        if(pair[0] == name){return pair[1];}
                    }
                }
            }
            return null;
        }
        var UI = getParameter("ui")||"layui";
        /*先把样式加载了*/
        var dependency = uiDependencyMap[UI];
        {
            var jsCss = [];
            for(var i=0;i<dependency.link.length;i++){
                jsCss.push('<link href='+dependency.link[i]+' rel="stylesheet" type="text/css" />');
            }
            for(var i=0;i<dependency.headJs.length;i++){
                jsCss.push('<script src="' + dependency.headJs[i] + '" type="text/javascript"></sc' + 'ript>');
            }
            document.write(jsCss.join(''))
        }
    </script>
    <style id="magicalCoderCss"></style>
</head>
<body>
<script>
    {
        var bodyJsArr = [];
        for(var i=0;i<dependency.bodyJs.length;i++){
            bodyJsArr.push('<script src="' + dependency.bodyJs[i] + '" type="text/javascript"></sc' + 'ript>');
        }
        //之所以去远程加载是因为浏览器的异步性 publish.js里的依赖bodyJs内的资源 直接写本页 会出现执行顺序问题 所以数据的对接问题参考publish.js
        bodyJsArr.push('<script src="assets/drag/js/user/ui/publish.js" type="text/javascript"></sc' + 'ript>');
        document.write(bodyJsArr.join(''))
    }
</script>
</body>

</html>
